<!--
 * @Description: 
 * @Date: 2023-02-23 18:07:51
 * @LastEditors: czp
 * @LastEditTime: 2023-03-10 16:47:48
-->
<template>
	<div class="yun-cun-min">
		<el-image :src="cosPrefix + 'three-level/xiangmeng/yuncunming/1.png'" fit="cover" />
		<div class="card-box">
			<p>成为云村民</p>
			<img src="../../../assets/images/circle-right.svg" alt="" />
		</div>
	</div>
</template>
<script setup lang="ts" name="YunCunMin">
import { useBaseStore } from "@/store/base";

const { cosPrefix } = useBaseStore();
</script>
<style lang="scss" scoped>
.yun-cun-min {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 320px;
	margin-bottom: 80px;
	text-align: center;
	.el-image {
		width: 960px;
		height: 576px;
	}
	.card-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 960px;
		padding: 5px 20px;
		margin: 20px;
		background-color: #c39f63;
		p {
			font-size: 28px;
			font-weight: 700;
			color: #ffffff;
		}
		img {
			width: 32px;
			height: 32px;
		}
	}
}
</style>
